<template>
  <!-- %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%-->
  <!--                    界面4特有的扫码登陆部分，css放login-4.css里面-->
  <section class="login-scan-2">
    <div class="login-scan-2-item">
      <!--                        手机和勾的svg-->
      <div class="scan-2-svg scan-phone-svg"></div>
      <div class="scan-2-svg scan-success-svg"></div>
    </div>
    <div class="scan-text-item">
      <p class="login-scan-2-text">扫描成功，请在手机上确认是否授权登录</p>
      <p class="login-scan-2-text-2">使用其它方式登录，请 <span>返回</span></p>
    </div>
  </section>
</template>

<script setup>

</script>

<style scoped>
/*扫码成功界面*/
.login-scan-2{
  width:100%;
  margin: 0 auto;
  display: flex;
  margin-top: 10rem;
}
.login-scan-2-item{
  position: relative;
  display:block;
  margin-left: -3rem;
}
.scan-2-svg{
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.scan-phone-svg{
  width:16rem;
  height:16rem;
  background-size: 16rem 16rem;
}
.scan-success-svg{
  width:4.5rem;
  height:4.5rem;
  background-size: 4.5rem 4.5rem;
  position:absolute;
  top:0;
  left:10rem;
  border-radius: 50%;
  background-color: white;
}
.scan-text-item{
  margin-left: -2rem;
  margin-top: 5.5rem;
}
.login-scan-2-text{
  letter-spacing: 0;
  font-size: 1.4rem;
  font-weight: bolder;
}
.login-scan-2-text-2{
  font-size: 1.2rem;
  color:#CCCCCC;
  margin-top: 1.5rem;
}
.login-scan-2-text-2 span{
  color:royalblue;
}


</style>
